<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>进度条</title>
    <link rel="stylesheet" href="./css/style.css">
    <script src="./js/index.js"></script>
</head>
<body>
    <div class="box" id="box">
        <!--图形容器-->
        <svg>
            <circle cx="150" cy="150" r="145" stroke-width="10" stroke="#000" fill="none"></circle>
            <circle cx="150" cy="150" r="145" stroke-width="10" stroke="#fff" fill="none" id="inner"
                stroke-dasharray="1000">
        </svg>
        <div class="number">
            <!--圆内百分比-->
            <h2 id="percent"></h2>
        </div>
    </div>
</body>
</html>